<%-- 
    Document   : module
    Created on : 3 déc. 2013, 11:12:49
    Author     : hp
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<%@ taglib prefix="s" uri="/struts-tags"%>
<!DOCTYPE html>
<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
<!--[if (gte IE 9)|!(IE)]><!-->
<html lang="en">
<!--<![endif]-->
<head>

<!-- Basic Page Needs
  ================================================== -->
<meta charset="utf-8">
<title>ShopFine: Category Grid</title>
<meta name="description" content="">
<meta name="author" content="Ahmed Saeed">
<!-- Mobile Specific Metas
  ================================================== -->
<meta name="viewport"
	content="width=device-width, initial-scale=1, maximum-scale=1">
<!-- CSS
  ================================================== -->
<link rel="stylesheet"
	href="${pageContext.request.contextPath}/Vues/css/bootstrap.min.css"
	media="screen">
<!-- jquery ui css -->
<link rel="stylesheet"
	href="${pageContext.request.contextPath}/Vues/css/jquery-ui-1.10.1.min.css">
<link rel="stylesheet"
	href="${pageContext.request.contextPath}/Vues/css/customize.css">
<link rel="stylesheet"
	href="${pageContext.request.contextPath}/Vues/css/font-awesome.css">
<link rel="stylesheet"
	href="${pageContext.request.contextPath}/Vues/css/style.css">
<!-- flexslider css-->
<link rel="stylesheet"
	href="${pageContext.request.contextPath}/Vues/css/flexslider.css">
<!-- fancybox -->
<link rel="stylesheet"
	href="${pageContext.request.contextPath}/Vues/js/fancybox/jquery.fancybox.css">
<!--[if lt IE 9]>
		<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
		<script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE9.js"></script>
		<link rel="stylesheet" href="css/font-awesome-ie7.css">
	<![endif]-->
<!-- Favicons
	================================================== -->
<link rel="shortcut icon"
	href="${pageContext.request.contextPath}/Vues/images/favicon.html">
<link rel="apple-touch-icon"
	href="${pageContext.request.contextPath}/Vues/images/apple-touch-icon.html">
<link rel="apple-touch-icon" sizes="72x72"
	href="${pageContext.request.contextPath}/Vues/images/apple-touch-icon-72x72.html">
<link rel="apple-touch-icon" sizes="114x114"
	href="${pageContext.request.contextPath}/Vues/images/apple-touch-icon-114x114.html">
<div id="fb-root"></div>
<script>
	(function(d, s, id) {
		var js, fjs = d.getElementsByTagName(s)[0];
		if (d.getElementById(id))
			return;
		js = d.createElement(s);
		js.id = id;
		js.src = "//connect.facebook.net/fr_FR/all.js#xfbml=1";
		fjs.parentNode.insertBefore(js, fjs);
	}(document, 'script', 'facebook-jssdk'));
</script>
</head>

<body>

	<div id="mainContainer" class="clearfix">

		<!--begain header-->
		<header>
			<div class="upperHeader">
				<div class="container">
					<ul class="pull-right inline">
						<li><a href=""><img
								src="${pageContext.request.contextPath}/Vues/img/reseausosc/facebook_32.png" /></a></li>
						<li><a href="#"><img
								src="${pageContext.request.contextPath}/Vues/img/reseausosc/google_32.png" /></a></li>
						<li><a href="http://twitter.com/amaranthe"><img
								src="img/reseausosc/twitter_32.png" /></a></li>
						<li><a href="#"><img
								src="${pageContext.request.contextPath}/Vues/img/reseausosc/youtube_32.png" /></a></li>
					</ul>
					<% if (session.getAttribute("connecte") ==null  ){%>
                        <p>
                            Bienvenu au PA-Learning<a href="loginLerner">Connexion</a> ou <a href="register">Creer un nouveaux Compte</a>
                        </p>
                        <%} %>
                         	<% if (session.getAttribute("connecte") != null ){%>
                        <p>
                            Bienvenu au PA-Learning<a href="deconnecter">D&eacute;connexion</a>
                        </p>
                       <%} %>
				</div>
				<!--end container-->
			</div>
			<!--end upperHeader-->
	</div>
	<!--end upperHeader-->

	<div class="middleHeader">
		<div class="container">

			<div class="middleContainer clearfix">

				<div class= "">
					<h1>
						<a href="front"><img alt="" src="${pageContext.request.contextPath}/Vues/img/icons/basic/logo.png"></a>
					</h1>
				</div>

				<div class="pull-right">
					<form method="get" action="" class="siteSearch">
						<div class="input-append">
							<input type="text" class="span2" id="appendedInputButton"
								placeholder="Search...">
							<button class="btn btn-primary" type="submit" name="">
								<i class="icon-search"></i>
							</button>
						</div>
					</form>
				</div>
				<div class="pull-right">

					<div class="btn-group">
						<a class="btn dropdown-toggle" data-toggle="dropdown" href="#">
							FR <span class="caret"></span>
						</a>
						<ul class="dropdown-menu language">
							<li><a href="#">EN</a></li>


						</ul>
					</div>


				</div>
				<!--end middleCoontainer-->

			</div>
			<!--end middleCoontainer-->

		</div>
		<!--end container-->
	</div>
	<!--end middleHeader-->

	<div class="mainNav">
		<div class="container">
<div class="navbar">

                            <ul class="nav">
                                <li class="active"><a href="index.jsp"><i class="icon-home"></i></a></li>
                                <li>
                                    <a href="front">A propos<i class="icon-caret-down"></i></a>
                                    <div>
                                        <ul>
                                            <li><a href="profileformateurs"> <span>-</span>Nos Formateurs<i class="icon-caret-right"></i></a>
                                      <div>
                                        <ul>
                                            <li><a href="loginprof"> <span>-</span>Connectez Vous</a></li>
                                            
                                        </ul>
                                    </div>
                                    </li>
                                            <li><a href="loginresponsable.jsp"> <span>-</span> Responsable de qualité<i class="icon-caret-right"></i></a>
                                             <div>
                                        <ul>
                                            <li><a href="loginresponsable"> <span>-</span>Connectez Vous</a></li>
                                            
                                        </ul>
                                    </div></li>
                                        
                                        </ul>
                                    </div>
                                </li>
                                <li>
                                    <a href="themeFront">Cours<i class="icon-caret-down"></i></a>
                                    <div>
                                        <ul>
                                        <s:iterator value="th">
                                            <li><a href="themeFront1?pk=<s:property value="Thid"/>"> <s:property value="Hoti"/><i class="icon-caret-right"></i></a>
                                            <div>
                                                    <ul>
                                                    <s:iterator value="module">
                                                        <li><a href="modulFront1?pk=<s:property value="Moid"/>">  <s:property value="Homo"/> </a>
                                                              
                                                        </li>
                                                    </s:iterator>    
                                                    </ul>
                                                </div>      
                                            </li>
                                            </s:iterator>
                                            
                                          
                                        </ul>
                                    </div>
                                </li>
                                 <s:set name="session" value="session['connecte']"></s:set>
                         <s:if test="%{#session ==null}" >
                                <li>
                                    <a href="loginLerner">Examen</a>
                                                                   </li>
                                </s:if>
                        <s:if test="%{#session =='true'}" >
                                <li>
                                    <a href="examthemefront">Examen</a>
                                                                   </li>
                                </s:if>
                                 
                                <li><a href="entreprise.jsp">Entreprise</a></li>
                                <li><a href="#">Forum</a></li>
                                <li>
                                    <a href="contact">Contactez-nous<i class="icon-caret-down"></i></a>
                                    <div>

                                    </div>
                                </li>
                                 <li><a href="#">Messagerie</a></li>
                               

                            </ul><!--end nav-->
                        </div>
		</div>
		<!--end container-->
	</div>
	<!--end mainNav-->

	</header>
	<!-- end header -->



	<div class="container">

		<div class="row">

			<aside class="span3"></aside>
			<!--end aside-->


			<div class="span9">



				<div class="productFilter clearfix">

					<div class="sortBy inline pull-left">
						Trier par <select name="sortItem">
							<option value="Default">Default</option>
							<option value="">NNom</option>
							<option value="">Date</option>
						</select>
					</div>

					<div class="showItem inline pull-left">
						voir <select name="showItem">
							<option value="15">15</option>
							<option value="25">25</option>
							<option value="50">50</option>
							<option value="75">75</option>
							<option value="100">100</option>
						</select>
					</div>
					<!--end sortBy-->



					<div class="displaytBy inline pull-right">
						affichage
						<div class="btn-group">
							<button class="btn btn-primary active">
								<i class="icon-th"></i>
							</button>
							<button class="btn">
								<i class="icon-list"></i>
							</button>
						</div>
					</div>
					<!--end displaytBy-->

				</div>
				<!--end productFilter-->


				<div class="row">
					<ul class="listProductItems clearfix">
						<li class="clearfix">
							<div class="span3"></div>
							<div class="span6">
								<div class="thumbSetting">
									<div class="thumbTitle">
										<a href="#" class="invarseColor"> <s:property
												value="titre" />
										</a>
									</div>
									<div class="thumbPriceRate clearfix">
										
										<ul class="rating">
											<li><i class="star-on"></i></li>
											<li><i class="star-on"></i></li>
											<li><i class="star-on"></i></li>
											<li><i class="star-on"></i></li>
											<li><i class="star-off"></i></li>
										</ul>
								
									</div>
									<div class="thumbDesc">
										<p>
											<s:property value="desc" />
										</p>
									</div>

									<div class="thumbButtons">
										<div class="fb-share-button"
											data-href="http://developers.facebook.com/docs/plugins/"
											data-type="button"></div>
									</div>
								</div>
							</div>
						</li>
						<s:set name="mod" value="modul"></s:set>
						<s:if test="#mod != null">
							<s:iterator value="modul">
								<li class="clearfix">
									<div class="span3">
										<div class="thumbnail">
											<s:a href="listeexam?pk=%{Moid}">
												<img
													src="${pageContext.request.contextPath}/Vues/img/212x192.jpg"
													alt="">
											</s:a>
										</div>
									</div>
									<div class="span6">
										<div class="thumbSetting">
											<div class="thumbTitle">
												<a href="#" class="invarseColor"> <s:property
														value="Homo" />
												</a>
											</div>

											<div class="thumbDesc">
												<p>
													<s:property value="Demo" />
												</p>
											</div>

											<div class="thumbButtons">
												<div class="fb-share-button"
													data-href="http://developers.facebook.com/docs/plugins/"
													data-type="button"></div>
											</div>
										</div>
									</div>
								</li>
							</s:iterator>
						</s:if>
						<s:set name="modul" value="module_1"></s:set>
						<s:if test="#modul.Moid != null">
							
								<li class="clearfix">
									<div class="span3">
										<div class="thumbnail">
											<s:a href="sequenceFront?pk=%{module_1.Moid}">
												<img
													src="${pageContext.request.contextPath}/Vues/img/212x192.jpg"
													alt="">
											</s:a>
										</div>
									</div>
									<div class="span6">
										<div class="thumbSetting">
											<div class="thumbTitle">
												<a href="#" class="invarseColor"> <s:property
														value="module_1.Homo" />
												</a>
											</div>

											<div class="thumbDesc">
												<p>
													<s:property value="module_1.Demo" />
												</p>
											</div>

											<div class="thumbButtons">
												<div class="fb-share-button"
													data-href="http://developers.facebook.com/docs/plugins/"
													data-type="button"></div>
											</div>
										</div>
									</div>
								</li>
							
						</s:if>

					</ul>
				</div>


				<div class="pagination pagination-right">
					<span class="pull-left">Showing 9 of 20 pages:</span>
					<ul>
						<li><a class="invarseColor" href="#">Prev</a></li>
						<li class="active"><a class="invarseColor" href="#">1</a></li>
						<li><a class="invarseColor" href="#">2</a></li>
						<li><a class="invarseColor" href="#">2</a></li>
						<li><a class="invarseColor" href="#">3</a></li>
						<li><a class="invarseColor" href="#">Next</a></li>
					</ul>
				</div>
				<!--end pagination-->

			</div>
			<!--end span9-->

		</div>
		<!--end row-->

	</div>
	<!--end conatiner-->


	<!--begain footer-->

	<!--begain footer-->
	<footer>
		<div class="footerOuter">
			<div class="container">
				<div class="row-fluid">

					<div class="span6">
						<div class="titleHeader clearfix">
							<h3>LIENS UTILES</h3>
						</div>


						<div class="usefullLinks">
							<div class="row-fluid">
								<div class="span6">
									<ul class="unstyled">
										<li><a class="invarseColor" href="#"><i
												class="icon-caret-right"></i> A propos</a></li>
										<li><a class="invarseColor" href="#"><i
												class="icon-caret-right"></i> Contactez-Nous</a></li>
										<li><a class="invarseColor" href="#"><i
												class="icon-caret-right"></i>Théme/Module</a></li>
										<li><a class="invarseColor" href="#"><i
												class="icon-caret-right"></i>Examen</a></li>
									</ul>
								</div>

								<div class="span6">
									<ul class="unstyled">
										<li><a class="invarseColor" href="#"><i
												class="icon-caret-right"></i>FAQ</a></li>
										<li><a class="invarseColor" href="#"><i
												class="icon-caret-right"></i>Entreprise</a></li>
										<li><a class="invarseColor" href="#"><i
												class="icon-caret-right"></i>Formateur</a></li>

									</ul>
								</div>
							</div>
						</div>

					</div>
					<!--end span6-->

					<div class="span3">
						<div class="titleHeader clearfix">
							<h3>Contact Info</h3>
						</div>

						<div class="contactInfo">
							<ul class="unstyled">
								<li>
									<button class="btn btn-small">
										<i class="icon-volume-up"></i>
									</button> Tél: <a class="invarseColor" href="#">5246-4697-891</a>
								</li>
								<li>
									<button class="btn btn-small">
										<i class="icon-envelope-alt"></i>
									</button> <a class="invarseColor" href="#">PA.learning@gmail.com</a>
								</li>
								<li>
									<button class="btn btn-small">
										<i class="icon-map-marker"></i>
									</button> 22 Avenue 2mars....
								</li>
							</ul>
						</div>

					</div>
					<!--end span3-->

					<div class="span3">
						<div class="titleHeader clearfix">
							<h3>Newslatter</h3>
						</div>

						<div class="newslatter">
							<form method="get" action="http://egythemes.com/shopfine/page">
								<input class="input-block-level" type="text" name="email"
									value="" placeholder="Your Name..."> <input
									class="input-block-level" type="text" name="email" value=""
									placeholder="Your E-Mail...">
								<button class="btn btn-block" type="submit" name="">Join
									Us Now</button>
							</form>
						</div>

					</div>
					<!--end span3-->

				</div>
				<!--end row-fluid-->

			</div>
			<!--end container-->
		</div>
		<!--end footerOuter-->

		<div class="container">
			<div class="row">
				<div class="span12">

					<p>© Copyrights 2013 PA-Learning</p>
				</div>
			</div>
		</div>
	</footer>
	<!--end footer-->

	</div>
	<!--end mainContainer-->


	<!-- Sidebar Widget
                    ================================================== -->


	<!-- JS
                    ================================================== -->

	<script src="js/jquery.min.js"></script>
	<script src="js/jquery-ui.min.js"></script>
	<!-- jQuery.Cookie -->
	<script src="js/jquery.cookie.js"></script>
	<!-- bootstrap -->
	<script src="js/bootstrap.min.js"></script>
	<!-- flexslider -->
	<script src="js/jquery.flexslider-min.js"></script>
	<!-- cycle2 -->
	<script src="js/jquery.cycle2.min.js"></script>
	<script src="js/jquery.cycle2.carousel.min.js"></script>
	<!-- tweets -->
	<script src="js/jquery.tweet.js"></script>
	<!-- fancybox -->
	<script src="js/fancybox/jquery.fancybox.js"></script>
	<!-- custom function-->
	<script src="js/custom.js"></script>

</body>



</html>